*{margin:0;padding:0;list-style:none;font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; }
html, body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color:#666;
    font-size: 14px;
    font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; 
}
h1,h2,h3,h4,h5{font-weight: 500;}
a{color:#333;text-decoration:none;}
a:hover{color:#0670bb;transition: 0.3s;}
img{border:0 none;}
p{line-height: 1.8em;}
input,a,textarea,button{outline:none;}
span,b,dl,dt,ul,li,i,em{font-style: normal;}
.pt20{padding-top: 20px !important;}
.p30{padding: 30px !important;}
.pb30{padding-bottom: 30px !important;}
.bgf3{background: #f3f3f3;}
.bgff{background-color: #fff;}
.warp{width:1100px;margin:0 auto;}

.head{width:100%;height:90px;box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.06);position: relative;z-index:100;background: #fff;}
.head .warp{position: relative;height:90px;}
.head .logo{float: left;padding-top: 24px;}
.head .logo a{display: block;float: left;}
.head .logo span{float: left;border-left: 1px solid #e3e3e3;padding-left: 20px;margin-left: 20px;}
.head .logo b{display: block;color:#333;font-size: 18px;}
.head .nav{float: right;padding:0 0 0 15px;}
.head .nav ul{float: left;}
.head .nav li{float: left;position: relative;padding-left: 30px;}
.head .nav li a.t{display: block;font-size:16px;color: #333;line-height:112px;height:87px;}
.head .nav li a.t:hover{ color:#0069b3;height:89px;}
.head .nav li.active a.t{ color:#0069b3;height:87px;position: relative;}

.head .bm{position:absolute;right: 0; top:90px;background-color: rgba(0,0,0,.35);border-radius: 0 0 10px 10px;padding:0 10px;}
.head .search{width:0;overflow:hidden;height: 36px;border-radius: 15px;float:left;position: relative;}
.head .search input{width:100%;border:none;height:36px;border-radius: 15px 0 0 0;background:none;line-height: 30px;color: #fff;border-bottom: 1px solid #ccc;}
.head .bm a{width:30px;height: 36px;font-size: 30px;text-align: center;font-size: 14px;color:#fff;line-height: 36px;padding-left:20px;position: relative;}
.head .bm a i{margin-right: 3px;position: absolute;left: 0;top:0;line-height: 22px;}
.head .bm .lang{border-left: 1px solid #ccc;padding-left: 36px;margin-left: 10px;/*padding-right: 15px;*/background:url("../images/jiao.png") no-repeat right center;}
.head .bm a.lang i{left:10px;width: 18px;}
.head .bm a.lang i img{width: 100%;}

.head .search i{display: block;line-height: 30px;color:#fff;}
.head .search.show{width:145px;background: #ededed;}
.head .search.show input{width:95px;padding:0 15px;}
.head .bm ul{position: absolute;right: 7px;top:36px;background-color: rgba(0,0,0,.35);width:93px;overflow: hidden;display: none;}
.head .bm ul a{position:relative;padding:5px 10px 5px 30px;margin:0;text-align: center;display: block;width: 70px;}
.head .bm ul a img{position: absolute;left: 10px;top:10px;width:24px;}
.head .search input::-webkit-input-placeholder {color:#ccc;}
.head .search input:-moz-placeholder {color:#ccc;}
.head .search input::-moz-placeholder {color:#ccc;}
.head .search input:-ms-input-placeholder {color:#ccc;}
.head.fixed{position: fixed;top:0;}

.banner{position: relative;z-index:0;width: 100%;overflow:hidden;height:auto;min-height: 360px;max-height: 460px;}
.banner ul{height:100%;}
.banner ul li{background-repeat:no-repeat;background-size:auto 100%;background-position: center;width:100%;height:100%;}

#focus {width:100%; overflow:hidden; position: relative;}
#focus ul {height:100%; position:absolute;left:0;top:0;width:100%;}
#focus ul li {float:left; width:100%; height:100%; overflow:hidden; position:relative;background-repeat:no-repeat;background-position:center center;}
#focus ul li img{width: 110%;height: auto;opacity: 0;}
#focus ul li a{display:block;height:100%;width:100%;background-position:center center;background-repeat:no-repeat;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:800px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:100%;right:0; bottom:5%; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:8px; height:8px;margin:0 5px; _font-size:0;cursor:pointer; background:transparent;border-radius:8px;border: 1px solid #fff;}
#focus .btn span.on {background-color: #fff;}

.footer{background:#181818;padding:30px 0 0;position: relative;}
.footer ul.dh{padding:10px 0 30px 0;float: left;}
.footer ul.dh li h2{font-size: 18px;color: #fff;margin-bottom: 15px;border-bottom: 1px solid #434343;padding-bottom: 15px;}
.footer ul.dh li a{color:#fff;display: block;line-height: 30px;}
/*.footer li a.w{color: #fff;}*/
.footer ul.dh li a:hover{color: #ccc;}
.footer ul.dh li{width: 120px;float: left;margin-right: 30px;}
.footer .tels{float: right;width: 300px;}
.footer .tels select{width: 215px;border:1px solid #434343;color:#ccc;background-color: #333;padding:5px;}
.footer .tels div.al{padding-bottom: 10px;}
.footer .tels div b.lik{color: #fff;font-size: 16px;display: inline-block;width: 80px;line-height: 36px;}
.footer .tels p{color:#fff;line-height: 36px;font-size: 14px;overflow: hidden;}
.footer .tels h2{overflow:hidden;font-size: 14px;color: #fff;padding:10px 0;text-align: right;}
.footer .tels h2 span{padding-left: 30px;position: relative;float:right;width: 182px;}
.footer .tels h2 img{position: absolute;left: 0;top:0;width: auto;}
.footer .tels p span{float: right;display: inline-block;width: 182px;}
.footer .bto{background: #000;padding:20px 0;font-size: 12px;line-height: 1.8em;color: #646464;position: relative;}
.footer .links{padding:20px 0;border-top:1px solid #434343;}
.footer .links h2{display:block;color: #fff;padding:0 0 10px;position: relative;font-size: 18px;}
.footer .links a{display: inline-block;padding-right: 15px;color: #9f9f9f;line-height: 30px;}
.footer .links a:hover{color:#fff;}

.m_nav{background: #fff;padding:15px;display: none;position: absolute;left:50%;top: 90px;overflow:hidden;z-index: 101;width: 140px;margin-left: -85px;}
.m_nav a{width:100%;line-height: 40px;border-radius:3px;display: block;width:100%;text-align: center;margin-bottom: 10px;background: #f3f3f3}
.m_nav a:hover{background:#0069b3;color:#fff;}
.gs_pro_m{width:310px;margin-left: -170px;}
.gs_pro_m .w2{width:48%;}
.gs_pro_m .block{height:1px;width:100%;}
.m_nav a.j{position: relative;}
.m_nav a.j i{position: absolute;left:50%;bottom: -7px;height:10px;width:20px;text-align:center;line-height: 10px;margin-left:-10px;}
.tit{color: #333;line-height: 32px;overflow: hidden;font-size: 26px;}
.tit em{font-size: 16px;color: #333;font-style: normal;display: block;}
.tit2{padding-top:28px;padding-bottom:18px;}
.pro_tit{padding-top: 5px;}
.pro_tit span{position: relative;padding-left: 10px;}
.pro_tit span:before{content: "";display: block;width: 3px;height: 22px;margin-top: -11px; position: absolute;top:50%;left: 0;background: #0069b3;}
.tit3 span{display: block;padding-left: 30px;line-height:20px;background:url("../images/icon16.jpg") no-repeat left center;font-size: 18px;color:#000;font-weight:600;height: 20px;}
.tit.write {color: #fff;}
.tit.write em{color: #fff;}
.more{border:1px solid #ddd;color:#ddd;border-radius: 3px;padding:0px 6px;font-size: 14px;line-height: 30px;transition: 0.3s;}
.more.m2{display: block;width: 120px;text-align: center;line-height: 36px;margin:30px auto;color:#1b5299;border-color: #1b5299;}

.in_pros a{display: block;width: 360px;height: 240px;float: left;margin-right: 10px;margin-bottom: 10px;position: relative;}
.in_pros a img{display: block;position: absolute;top:0;left: 0;z-index: 0;}
.in_pros a span{display: block;color: #fff;text-align: center;position: absolute;z-index: 1;left: 0;bottom:0;width: 100%;background:url('../images/bg.png') repeat-x left bottom ;padding:30px 0 10px;font-size: 16px;}
.in_pros .fl{width: 740px;}
.in_pros .fr{width: 360px;}
.in_pros .w{width: 720px;}
.in_pros .fr.h{height:490px;background-color: #000;position: relative; }
.in_pros .fr.h img{position: absolute;left: 0;top:0;z-index: 0;}
.in_pros .fr{margin-right: 0;}
.in_pros .fr.h a{height:490px;}
.in_pros b{font-weight: 500;font-size: 18px;}
.in_pros em{display: none;}
.in_pros i{display: none;}
.in_pros a:hover span{position: absolute;height: 240px;background-color: rgba(0,0,0,.45);padding:0;}
.in_pros .fr.h a:hover span{height: 490px;}
.in_pros a:hover b{font-size: 24px;color: #fff;margin-top:40px;display: block;font-weight: 900;}
.in_pros .fr.h a:hover B{margin-top: 40%;}
.in_pros a:hover em{display: block;color:#fff;border:1px solid #fff;width: 120px;line-height: 32px;margin: 0 auto;position: absolute;bottom:30px;left:50%;margin-left: -60px;}
.in_pros a:hover i{display: block;text-align: center;margin: 10px 0 70px;}


.leading{height: 480px;background:url("../images/img1.jpg") no-repeat center;background-size: cover;}
.leading .tit{padding-top:90px;}
.leading .tit span{font-weight: 800;font-size: 32px;}
.leading .tit span em{font-weight: 500;margin-top: 8px;}
.leading p{text-align: center;font-size: 18px;color: #fff;padding-top: 58px;}
.leading a{display: block;margin:40px auto;width: 100px;text-align: center;color: #fff;border-color: #fff;}

.in_navs{overflow: hidden;margin-left: -30px;padding: 50px 0;}
.in_navs .cum{float: left;margin-left: 30px;width: 346px;}
.in_navs .cum h2{overflow: hidden;line-height: 36px;}
.in_navs .cum h2 b{float: left;font-size:24px;color: #333;}
.in_navs .cum h2 a{float: right;font-size: 16px;color: #2d63bd;}
.in_navs .cum a span{display: block;text-align: center;padding:10px 0 20px;font-size: 16px;}
.in_navs.hz{padding:20px 0;}
.in_navs .cum a.n span{padding:0;}
.in_navs .cum a p{padding:5px 0;color:#999;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_navs .cum a:hover p{color:#666;}

.jobme{margin:20px 0 30px;height: 327px;position: relative;}
.jobme .info{background:#fff;padding:40px;width: 614px;position: relative;z-index: 1;margin:30px 0 0 433px;float: left; box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.jobme .info h2{font-size: 18px;font-weight: 600;margin-bottom: 15px;color: #333;}
.jobme .info p{line-height: 2.2em;}
.jobme img{position: absolute;left:0;top:0;z-index: 0;}

.jobt,.job_cum{line-height: 50px;overflow: hidden;}
.jobt span ,.job_cum dt span{display: block;font-size: 16px;float:left;width:10%;padding:0 1%;text-align: center;height: 53px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobt span.w1,.job_cum span.w1{width:60%;text-align: left;}
.job_cum span{font-size: 14px;}
.job_cum dt{border-bottom: 1px solid #f3f3f3;cursor:pointer;}
.job_cum{background: #fafafa;}
.job_cum.show{background: #fff;}
.job_cum dd{padding:10px 20px;display: none;background-color: #ebebeb;}
.job_cum b{color: #333;}
.job_cum i{color: #0069b3;font-weight: 900;font-size: 18px;margin-left: 60px;}
.jobCom{padding-bottom: 30px;}
.job_cum:hover{background: #edeef0;}

.navbake{height:60px;padding-left: 20px;background: url("../images/wz.png") no-repeat left center;}
.navbake a{padding-right: 20px;position: relative;line-height:60px;background: url("../images/more.png") no-repeat right center;margin-right: 5px;}

.news_lay{padding:50px 0;overflow: hidden;}
.news_lay .img{width: 366px;height: 230px;position: relative;float: left;}
.news_lay .img img{position: relative;z-index: 0;width: 366px;height: 230px;display: block;}
.news_lay .img span{position: absolute;bottom:0;left: 0;z-index: 1; width: 100%;background: url("../images/bg.png") repeat-x bottom left;padding:30px 0 10px;text-align: center;color:#fff;}
.news_lay .lay{width: 700px;float: right;}
.news_lay .lay h2{font-size: 24px;color:#333;font-weight: 900;padding-bottom: 10px;}
.news_lay .lay ul li{padding:5px 0;overflow: hidden;}
.news_lay .lay ul li a{width: 80%;float: left;}
.news_lay .lay ul li span{float: right;color: #999;}
.news_lay .lay a.more{background-color: #285b9d;width: 120px;line-height: 40px;display: block;border:none;text-align: center;color: #fff;margin-top: 6px;}

.list_lay {margin-left: -20px;overflow: hidden;}
.list_lay li{width:260px;height:140px;overflow:hidden;position: relative;float: left;margin-left: 20px;}
.list_lay li img{display: block;position: relative;z-index: 0;margin:0 auto;}
.list_lay li span{position: absolute;bottom:0;left:0;text-align:center;color:#fff;width: 94%;z-index: 1;background: url("../images/bg.png") repeat-x left bottom;padding:30px 3% 10px;}
.list_lay li b{font-weight: 500;color:#fff;font-size: 18px;}
.list_lay li em{display: none;}
.list_lay li i{display: none;}
.list_lay li.hover span{position: absolute;height:140px;background-color: rgba(0,0,0,.45);padding:0 3%;}
.list_lay li.hover b{font-size: 18px;color: #fff;margin-top:20px;display: block;font-weight: 900;}
.list_lay li.hover em{display: block;color:#fff;border:1px solid #fff;width: 100px;line-height: 28px;margin: 0 auto;position: absolute;bottom:16px;left:50%;margin-left: -50px;}
.list_lay li.hover i{display: block;text-align: center;margin: 10px 0 70px;}

.list_lay.pro_list li{width:258px;height:290px;border:1px solid #ddd;margin-top: 20px;}

.list_lay.pro_list li:nth-child(1),.list_lay.pro_list li:nth-child(2),.list_lay.pro_list li:nth-child(3),.list_lay.pro_list li:nth-child(4){margin-top: 0;}
.list_lay.pro_list li img{display: block;position: absolute;top:-10px;left:-10%;z-index: 0;margin:0 auto;width:120%;height: auto;}
.list_lay.pro_list li b{color:#000;font-size: 16px;}
.list_lay.pro_list li span{background: none;}
.list_lay.pro_list li.hover span{position: absolute;height:290px;background-color: rgba(0,0,0,.45);padding:0 3%;}
.list_lay.pro_list li.hover b{font-size: 20px;color: #fff;margin-top:90px;display: block;font-weight: 900;}
.list_lay.pro_list li.hover em{display: block;color:#fff;border:1px solid #fff;width: 100px;line-height: 28px;margin: 0 auto;position: absolute;bottom:16px;left:50%;margin-left: -50px;}
.list_lay.pro_list li.hover i{display: block;text-align: center;margin: 10px 0 70px;}

.list_lay2.brand li span{background:none;}
.list_lay2{margin-left: -18px;}
.list_lay2 li{width: 354px;height: 250px;margin-left: 18px;background:#eee;}
.list_lay2 li span{background-image: url('../images/bg2.png');}
.list_lay2 li b{font-weight: 500;color:#333;font-size: 18px;}
.list_lay2 li em{display: none;}
.list_lay2 li i{display: none;}
.list_lay2 li.hover span{position: absolute;height: 250px;background-color: rgba(0,0,0,.45);padding:0 3%;}
.list_lay2 li.hover b{font-size: 24px;color: #fff;margin-top:40px;display: block;font-weight: 900;}
.list_lay2 li.hover em{display: block;color:#fff;border:1px solid #fff;width: 120px;line-height: 32px;margin: 0 auto;position: absolute;bottom:30px;left:50%;margin-left: -60px;}
.list_lay2 li.hover i{display: block;text-align: center;margin: 10px 0 70px;}
.list_lay2 li{margin-bottom: 20px; }

.list_lay2.brand li{height: 150px;}
.list_lay2.brand li b{display:none;}
.list_lay2.brand li.hover span{height: 150px;}
.list_lay2.brand li.hover b{display:block;margin-top:20px;}
.list_lay2.brand li.hover i{margin:10px 0  20px;}

.list_lay li:hover span{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

.industry_lay{margin-left: -15px;overflow: hidden;}
.industry_lay li{width: 204px;height:60px;padding:20px 0;border:1px solid #eee;float: left;margin-left: 15px;margin-bottom:15px;text-align: center;}
.industry_lay li b{display: block;width: 40px;height: 40px;position:relative; overflow: hidden;margin: 0 auto;}
.industry_lay li b img{position: absolute;top:0;left:0;}
.industry_lay li span{font-size: 16px;}
.industry_lay li.hover {border-color: #185096;box-shadow: 0 0 15px 0 rgba(0,0,0,.15);}
.industry_lay li.hover b img{top:-42px;}
.industry_lay li.hover span{color: #185096;}

.ab_nav{padding:50px 0 0;height: 40px;position: relative;margin-bottom: 60px;}
.ab_nav .ns{position:absolute;bottom:-30px;left:50%;margin-left:-550px;height: 60px;line-height: 60px;background-color: #fff;box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);overflow: hidden;}
.ab_nav .ns.fixed{position: fixed;bottom: auto;top:90px;z-index: 9999;}
.ab_nav a{display:block;width:20%;float:left;font-size: 18px;text-align: center; color:#185096;}
.ab_nav a.cur{background-color: #185096;color:#fff;}

.company{overflow: hidden;padding:20px 0 50px;}
.company .info{width: 48%;float: left;}
.company p{margin-top: 15px;}
.company h2{font-size: 18px;color: #333;}
.company .img{float: right;width:520px;height:327px;padding:15px;position: relative;}
.company .img span{width: 212px;height: 195px;background-color: #dde5f0;position: absolute;z-index: 0;}
.company .img .s1{left: 0;top:0;}
.company .img .s2{right:0;bottom:0;}
.company .img img{display: block;z-index: 1;position: relative;}
.culture{background: url("../images/img14.jpg") no-repeat center; background-size: cover;height:450px;margin-bottom: 30px; }
.culture ul{overflow: hidden;}
.culture ul li{float: left;width: 346px;height: 195px;background-color: #fff;text-align: center;margin-left: 20px;}
.culture ul li b{display: block;font-size: 24px;padding:30px 0 15px;font-weight: 500;color: #333;}
.culture .tit{padding:60px 0 30px;}

.ul_lay{overflow: hidden;margin-left: -32px;}
.ul_lay li{width: 250px;overflow: hidden;text-align: center;position: relative;float: left;margin-left:32px;}
.ul_lay li span{display: block;width: 100%;height:208px;overflow: hidden; background-color: #000;}
.ul_lay li span img{display: block;height: 100%;}
.ul_lay li p{position: absolute;left: 0;top:0;padding:20px;color: #fff;height: 208px;text-align: left;display: none;}
.ul_lay li b{font-size: 18px;padding:10px 0;font-weight: 500;display: block;}
.ul_lay li.hover p{display: block;}
.ul_lay li.hover span img{opacity: .5;}

.case{height:523px;background: url("../images/img15.jpg") no-repeat center; background-size: cover; margin-top: 50px;margin-bottom: 30px;}
.case ul{width: 800px;margin:0 auto;}
.case li{width: 50%;float: left;margin-top: 60px;text-align: center;}
.case li a{display: block;width: 182px;height: 182px;border-radius: 50%;border:3px solid #fff;margin:0 auto;overflow: hidden;}
.case li a img{display: block;margin:40px auto 0;}
.case li a:hover{border-color: #185096;background-color: #185096;}
.case li span{font-size: 22px;line-height: 2em;margin-top: 10px;display: block;color: #fff;}
.contact_tels{background-color: #fff;overflow: hidden;padding:10px 0;margin-bottom: 30px;}
.contact_tels p{width: 45%;float:left;padding-left: 5%;line-height: 36px;font-size: 16px;}
.contact_tels p b{color: #285b9d;}

.map{margin:30px auto; padding:60px 0;background:url('../images/map.jpg') no-repeat center #fff;position: relative;height: 449px;}
.map .cum{position:absolute;z-index: 1;}
.map .cum.hover{z-index: 2;}
.map .cum b{display:block;color:#000;height: 23px;padding-left:20px;line-height:23px;background:url("../images/d1.png") no-repeat left center;transition: .3s;}
.map .cum.hover b{background-image: url('../images/d2.png');}

.map .cum .info{position: absolute;left:-544px;top:-60px;padding:15px;width:500px;min-height:120px;background:#fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);display: none;}
.map .cum .info:after{content:'';display: block; width:0;height:0;border-top:10px solid transparent;border-bottom: 10px solid transparent;border-left:10px solid #fff;position: absolute;right:-10px;top:60px;}
.map .cum .info h2{padding:0 0 5px;}
.map .cum .info p{font-size: 15px;}
.map .cum .info span{display: block;height: 1px;width: 100%;background:#eee;margin: 15px 0;}
.map .cum.hover b{font-size: 16px;cursor: pointer;}
.map .cum.hover .info{display: block;}

.map .cum.tianjin{top:225px;left:690px;}
.map .cum.beijing{top:205px;left:672px;}
.map .cum.shenyang{top:190px;left:720px;}
.map .cum.jinan{top:260px;left:698px;}
.map .cum.shanghai{top:306px;left:737px;}
.map .cum.guangzhou{top: 427px;left: 673px;}
.map .cum.hangzhou{top:347px;left:741px;}
.map .cum.suzhou{top:323px;left:690px;}
.map .cum.chongqing{top:350px;left:585px;}
.map .cum.wuhan{top:332px;left:631px;}
.map .cum.xian{top:298px;left:596px;}


.contact_ads{overflow: hidden;margin-left: -20px;padding-bottom: 50px;}
.contact_ads .cum{background-color: #fff;width: 500px;padding:20px;float: left;margin-left: 20px;margin-bottom: 20px;}
.contact_ads .cum h2,.map .cum .info h2{font-weight: 500;font-size: 18px;color:#000;}
.contact_ads .cum p,.map .cum .info p{color:#999;}


.case_lay{overflow: hidden;margin-left: 35px;}
.case_lay li{width:181px;height: 167px;border-radius: 3px;overflow: hidden;margin: 0 0 20px 20px;float: left; }

.atrial{padding:30px 40px;min-height: 560px;}
.atrial h1{font-size: 28px;color:#000;text-align: center;}
.atrial .t{padding:10px 0 ;border-bottom: 1px solid #eee;margin-bottom: 10px;text-align: center;}
.atrial .t span{display: inline-block;padding:10px;color:#888;}
.atrial .info p{padding-bottom: 5px;font-size: 14px;font-family: "宋体";}
.atrial .info img{display: block;max-width: 100%;margin: 0 auto;}
.atrial video{width: 100%;}
.atrial2 .info{overflow: hidden;}
.atrial2 .wz{width: 50%;float: left;}
.atrial2 .img{width: 48%;float: right;}

.ul_lay2{overflow: hidden;margin-top: -10px;}
.ul_lay2 li{float: left;width: 235px;margin-left: 31px;}
.ul_lay2 li span{display: block;width: 233px;height: 144px;border:1px solid #eee;overflow: hidden;}
.ul_lay2 li span img{display: block;width: 100%;}
.ul_lay2 li b{display: block;text-align: center;padding:10px 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.case_dls{}
.case_dls dl{padding:30px;overflow: hidden;transition: .3s;background: #fff;border-bottom: 1px solid #eee;}
.case_dls dl dt{float: left;width: 302px;height: 176px;overflow: hidden;}
.case_dls dl dt img{width: 100%;}
.case_dls dl dd{float: right;width: 678px;}
.case_dls dl dd h2 b{font-size: 16px;color: #000;}
.case_dls dl dd h2 span{float: right;font-size: 12px;color: #000;font-weight: 500;line-height: 30px;}
.case_dls dl dd p{margin:10px 0;max-height: 108px;overflow: hidden;line-height: 1.6em;}
.case_dls dl dd.pr p{position: relative;padding-left: 40px;}
.case_dls dl dd.pr p span{position: absolute;left: 0;top:0;}
.case_dls dl dd a{background: #3262a4;color:#fff;padding:5px 10px;border-radius: 3px;margin-top: 15px;display: inline-block;}
.case_dls dl.hover{background: #3262a4;}
.case_dls dl.hover h2 b,.case_dls dl.hover h2 span,.case_dls dl.hover p{color:#fff;}
.case_dls dl.hover a{background:#fff;color:#3262a4;}
.case_dls.d2 dl{margin-bottom: 15px;box-shadow: 0 5px 5px rgba(0,0,0,.05);}
.case_dls.d2 dl dt{border:1px solid #ccc;background:#fff;}
.case_dls.d2 dl.hover dt{border-color: #fff;}

.case_dls.pro dl dt{border:1px solid #eee;}
.case_dls.pro dl dt img{margin-top: -20px;}

.page{text-align: right;padding:20px;}
.page a{display: inline-block;width: 30px;height: 30px;background:#eee;line-height: 30px;text-align: center;margin-left: 10px;}
.page a:hover{background:#3262a4;color: #fff}

.pro_top{padding:20px;overflow: hidden;}
.pro_top .img{float: left;width: 340px;overflow: hidden;border-right: 1px solid #e0e0e0;}
.pro_top .img img{width: 100%;}
.pro_top .info{float: right;width: 690px;}
.pro_top .info h1{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e0e0e0;}
.pro_top .info h1 b{font-size: 28px;color:#000;}
.pro_top .info h1 span{font-size: 16px;color:#0069b3;font-weight: 500;display:block;margin-left: 10px;margin:10px 0 0;}
.pro_top .info h2{font-size: 18px;}
.pro_top .info p{line-height:2em;}
.pro_top .info hr{display: block;margin:10px 0;background-color:none;border-top:1px solid #eee;}

.pro_tz p{line-height: 1.8em;padding-bottom: 5px;}
.pro_tz .tit3{padding-bottom: 20px;}
.ul_lay2.pro_ul  li span{height: 190px;}
.ul_lay2.pro_ul li p{font-size: 14px;color: #999;}
.ul_lay2.pro_ul li b{font-size: 16px;padding:10px 0;}


.case_dls dl.vbox dt{position: relative;background: #000;}
.case_dls dl.vbox dt span{position: absolute;left: 0;top:0;z-index: 2;width: 100%;height: 100%;transition: .3s;}
.case_dls dl.vbox dt a span img{width: auto;display: block;margin:60px auto 0;}
.case_dls dl.vbox dt a{position: relative;width: 100%;height: 100%;display: block;}
.case_dls dl.vbox.hover dt img{opacity: .5;}
.case_dls dl.vbox.hover dt span img{opacity: 1;}
.head .logo a.pn_btn {position: relative;width: 1rem;height: 1rem;display: none;}
a.pn_btn:before,a.pn_btn:after{
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  content: '';
  transition: top .4s ease, background .2s ease, -webkit-transform .4s ease;
  transition: transform .4s ease, top .4s ease, background .2s ease;
  transition: transform .4s ease, top .4s ease, background .2s ease, -webkit-transform .4s ease;

  border-radius: 3px;
  background: #000;
}
a.pn_btn:before {top: 18px;}
a.pn_btn:after {top:6px;}
a.pn_btn.show:before {
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
a.pn_btn.show:after {
  top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.floadlang{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 9999;left: 0;top: 0;}
.floadlang .info{width: 450px;height: 100px;position: absolute;top:50%;left: 50%;margin:-50px 0 0 -250px;background: #fff;border-radius: 10px;padding:30px 20px 0;text-align: center;}
.floadlang .info .close{font-size: 28px;position: absolute;right: 5px;top:0;line-height: 28px;cursor:pointer;}
.floadlang .info p{font-size: 18px;}

.footer div.dropdown {
  cursor: pointer;
  position: relative;
  margin-right: 18px;
  /*display: inline-block;*/
  margin-bottom: 20px;
  width: 200px;
  float: right;
  height:30px;
  background: #1B5298;
  border-radius: 2px;
  border: 1px solid #fff;
  color: #fff;
}

.footer div.dropdown a {
  color: #555555;
}

.footer div.dropdown div.tit {
  height: 33px;
}

.footer div.dropdown div.dr_tit h2 {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  *float: left;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 2px;
  text-indent: 1em;
  padding: 0;
}

.footer div.dropdown div.dr_tit em {
  display: inline-block;
  width: 56px;
  height:28px;
  background: url(../images/up.png) center center no-repeat;
  float: right;
}

.footer div.dropdown div.linklist {
  display: none;
  position: absolute;
  left: -1px;
  bottom: 28px;
  z-index: 99;
  width: 100%;
  max-height: 200px;
  background: #FDFDFD;
  overflow: auto;
  border: 1px solid #d2d2d2;
}

.footer div.dropdown div.linklist ul li {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 2px;
  padding:5px 0 5px 1em;
}

.footer div.dropdown div.linklist ul li:hover {
  background: #f5f5f5;
}

.footer div.dropdown div.linklist ul li:hover a {
  text-decoration: none;
}

.footer div.dropdown.show div.linklist{
	display: block;
}

@media screen and (max-width: 750px) {
	.warp{width: 100%;}
	img{width: 100%;}
#focus ul li img
{width: 100%;}
	.floadlang .info{width: 80%;height:5rem;padding:1.2rem .5rem 0;left:10%;margin:-2.5rem 0 0 -0.5rem; }
	.floadlang .info .close{font-size: 1rem;}
	.floadlang .info p{font-size: .8rem;}
	.head{height: 2rem;padding:0;}
	.head .warp{height: auto;}
	.head .logo a.pn_btn{display: block;float: right;margin: .5rem .5rem 0 .3rem;}
	.head .logo{width:100%;padding:0;}
	.head .logo img{width: 5rem;margin:.4rem 0 0 .5rem;}
	.head .logo span{display: none;}
	.in_pros img{width: 100%;}
	.in_pros .fr,.in_pros .fl{width: 100%;}
	.in_pros .fl a{width: 40%;width:calc(50% - 5px);overflow: hidden;margin:0 0 10px 0;height: 4.8rem;}
	.in_pros .fl a:nth-child(2n){margin-left: 10px;}
	.head .nav{position: absolute;top:2rem;width: 100%;background:rgba(255,255,255,.95);display: none;}
	.head .nav li{display: block;float: none;line-height: 2rem;}
	.head .nav li a.t{line-height: 2rem !important;height: 2rem !important;}
	.head .bm{top:2rem;}
	.head .bm a.lang i{width: .72rem;}
	.banner{/*height: 9rem;*/height:auto;min-height:3rem;}
	.tit{font-size: 1rem;padding:1rem 0;margin:0 .5rem;}
	.tit em{font-size: .5rem;}

	.in_pros .fr.h{background:none;overflow: hidden;height: 8rem;margin-bottom: 10px;}
		.in_pros .fr.h a{display: block;height: 8rem;}
		.in_pros .fr.h img{left:0;width: 100%;overflow: hidden;}
		.in_pros{padding:0 10px ;}
		.in_pros a{height: auto;}
		.in_pros a img{position: static;}
	.leading p{font-size: .7rem;padding:0 .5rem;}
	.leading .tit{padding-top: 3rem;}
	.leading{height: 15rem;}
	.pb30{padding-bottom: .5rem !important;}
	.in_navs{padding: .5rem 10px;margin:0;}
	.in_navs .cum{width:100%;margin: 0 0 .6rem;}
	.in_navs .cum:nth-child(2n){float: right;}
	.in_navs .cum a.n span img{width: 100%;}
	.in_navs .cum a p{padding:0;}
	.in_navs .cum h2 b{font-size: .72rem;}
	.in_navs .cum h2 a{font-size: .6rem;}
	.in_navs .cum a span{font-size: .6rem;}
	.in_navs.hz{padding:0 10px;}
	.in_navs.hz .cum{width:49%;width:calc(50% - 10px);margin:0 0 .5rem;}
	.in_navs.hz img{width: 100%;border:1px solid #f6f6f6;}
	.footer{padding:0;}
	.footer ul.dh{padding:10px;float: none;clear: both;overflow: hidden;}
	.footer ul.dh li{width:100%;margin: 0 0 .5rem;padding:0 0 .5rem;border-bottom:1px solid #434343;}
	.footer ul.dh li:nth-child(2n){float: right;}
	.footer .tels{float: none;margin-left: 10px;}
	.footer .links{padding:.5rem 10px;}
	.footer .bto{font-size: .5rem;text-align: center;}
	.footer .tels h2{text-align: left;}
	.footer .tels h2 span{float: none;padding-left: 2rem;margin-left: 1.8rem;}
	.footer .tels p span{float: none;padding-left: 2rem;margin-left: 1.8rem;}
	.footer ul.dh li a{float: left;display: inline-block;margin-right: .5rem;color:#999;}
	.footer ul.dh li h2{font-size: .74rem;border:none;margin-bottom: 0;padding-top: .25rem;padding-bottom: .25rem;}

	.ab_nav {display: none;}
	.company{padding:.5rem 10px;}
	.company .info{width: 100%;float: none;}
	.company .img{width:auto;height: auto;margin-top: .5rem; float: none;}
	.company .img span{width: 5rem;height: 5rem;}
	.company .img img{width: 100%;}
	.culture{height: auto;margin:0;}
	.culture .tit{padding:.5rem 0;}
	.culture ul {margin: 0;padding:0 1rem .5rem;}
	.culture ul li{float: none;margin:0 0 30px;width: 100%;height: auto;}
	.culture ul li b{padding:.5rem 0;font-size: .75rem;}
	.culture ul li p{padding-bottom: .5rem;font-size: .6rem;}

	.ul_lay {margin:0;padding:0 10px;}
	.ul_lay li{width: 45%;width:calc(50% - 5px);float:left;margin:0;height:auto;}
	.ul_lay li img{width: 100%;height: auto;}
	.ul_lay li span{height: 5.2rem;}
	.ul_lay li:nth-child(2n){float: right;}
	.case{height: auto;margin: 0;}
	.case ul{width: 100%;overflow: hidden;}
	.case li{margin:0 0 1rem 0;}
	.case li a{width: 5rem;height: 5rem;}
	.case li a img{width: 2.5rem;margin-top: 1.252rem;}

	.case_lay{margin:0;padding:0 10px;}
	.case_lay li{width: 48%;margin:0 0 .5rem;height: auto;}
		.case_lay li:nth-child(2n){float: right;}
	.case_lay  img{width: 100% !important;height:auto !important;}

	.map{display: none;}
	.contact_ads{padding:0 10px;margin:0;}
	.contact_ads .cum{width: auto;margin: 0 0 .5rem;}
	.contact_tels p{width: 100%;}
	.contact_tels{margin:0 10px .5rem;width:95%;width: calc(100% - 20px);}
	.atrial{padding:.5rem;min-height: auto;}
	.atrial2 .wz{width:100%;float:none;}
	.atrial2 .img{width:100%;float: none;}
	.p30{padding:.5rem !important;}
	.ul_lay2{margin:0;padding:0 .5rem;}
	.ul_lay2 li{width: 100%;margin:0 0 15px;}
	.ul_lay2 li span{width: 100%;height: auto;}
	.ul_lay2.pro_ul li span{height: auto;}
	.ul_lay2.pro_ul li b{text-align: left;}
	.pro_top .info{width: 100%;}
	.pro_top .img{float: none;width: 100%;border:none;height: auto;}
	.pro_top{padding:.5rem;}
	.pro_top .info h2{font-size: .75rem;color: #000;}
	.pro_top .info h1 b{font-size: 1rem;border:none;padding-bottom: 0;}
	.pro_top .info h1 span{font-size: .5rem;}
	.pro_top .info p{padding:0;font-size: .6rem;}
	.jobt span.w1, .job_cum span.w1{width: 39%;}

	.jobt span, .job_cum dt span{width: 17%;font-size: .64rem;}
	.job_cum i{margin: 0;width: 17%;text-align: center;display: inline-block;}
	.job_cum dd,.job_cum i{font-size: .6rem;}
	.case_dls dl{padding:.7rem .5rem;}
	.case_dls dl dt{width: 100%;float: none;height: auto;}
	.case_dls dl dd{width: 100%;float: none;}
	.case_dls dl dd h2 b{font-size: .7rem;}
	.case_dls dl dd a{padding:.2rem .5rem;margin-top: .5rem;}
	.case_dls.pro dl dt img{margin: 0;}
	.news_lay{padding:1rem 0;}
	.news_lay .lay{width: 90%;width: calc(100% - 1rem);float: none;margin:0 .5rem;}
	.news_lay .img{margin:.5rem;width: 90%;width:calc(100% - 1rem);height: auto;float: none;display: block;}
	.news_lay .img img{width: 100%;height: auto;}
	.news_lay .lay h2{font-size: .9rem;}
	.news_lay .lay ul li a{float: none;width: 100%;}
	.news_lay .lay ul li span{float: none;display: block;}
	.list_lay2{margin: 0;padding:.5rem;}
	.list_lay2 li{width: 100%;margin:0 0 .5rem;}
	.industry_lay{padding:0 .5rem .5rem;margin: 0;}
	.industry_lay li{width: 48%;width:calc(50% - .25rem);margin:0 0 .5rem;}
	.industry_lay li:nth-child(2n){float: right;}

	.list_lay.pro_list li{width:100%;height: 16rem;}
	.list_lay{margin: 0;padding:0 .5rem;}
	.list_lay li{width: 100%;margin:0 0 .5rem;height: auto;}

	.navbake{margin:0 .5rem;height: auto;line-height: .2rem;padding:.25rem 0 .25rem 20px;background-position: left .55rem;}
	.navbake a{font-size: .55rem;line-height: 1.2rem;}

	.detail_we3 table{width:100% !important;}
	.detail_we3 table td:nth-child(1){width:26%!important}
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullet-active{background: #fff;}